<!DOCTYPE html>
<html lang="{{ page.lang | default: 'en' }}">
  <head>
		<meta charset="UTF-8">
		<title>{{ page.title | default: site.title }} · FreshRSS</title>
		<meta name="description" content="{{ page.description | default: site.description | default: site.github.project_tagline }}">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self' data:; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; font-src 'self'; connect-src 'self'">

		<link rel="stylesheet" href="{{ '/assets/css/docs.css?v=' | append: site.github.build_revision | relative_url }}">
		<link rel="stylesheet" href="{{ '/assets/css/highlight.css?v=' | append: site.github.build_revision | relative_url }}">
		<link rel="stylesheet" href="{{ '/assets/css/normalize.css?v=' | append: site.github.build_revision | relative_url }}">
		<link rel="stylesheet" media="(prefers-color-scheme: dark)" href="{{ '/assets/css/darkmode.css?v=' | append: site.github.build_revision | relative_url}}">

		<link rel="icon" href="{{ '/favicon.ico' | relative_url }}">

		<script>
			var i18n = {
				"copy_to_clipboard": "{%t copy_to_clipboard %}"
			};
		</script>
		<script src="{{ '/assets/js/docs.js?v=' | append: site.github.build_revision | relative_url }}"></script>
  </head>
  <body>
		<nav class="mobile-nav">
			<a class="toggle-aside" href="#aside" title="{%t toggle_aside %}">
				<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
  				<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
				</svg>
			</a>
			{% include lang_dropdown.html location="mobile" %}
		</nav>

		<a class="close" href="#close"></a>

		<aside id="aside">
			<a href="https://freshrss.org/">&lt; {%t back_to_freshrss %}</a>
			{% include lang_dropdown.html location="aside" %}
			<a class="close" href="#close" title="{%t close %}">&times;</a>

			<section class="search">
				<noscript>
					<style>div.js-search { display: none; }</style>
					<div class="nojs-search">
						<form action="https://duckduckgo.com/" method="get">
							<input type="search" name="q" placeholder="{%t search_docs %}">
							<input type="hidden" name="sites" value="freshrss.github.io">
							<button type="submit">{%t search %}</button>
						</form>
					</div>
				</noscript>

				<div class="js-search">
					<input type="text" id="search-input" placeholder="{%t search_docs %}">
					<ul id="results-container"></ul>

					<script src="{{ '/assets/js/simple-jekyll-search.min.js?v=' | append: site.github.build_revision | relative_url }}"></script>
					<script>
						const search = document.querySelector('#search-input');

						function init_search() {
							search.removeEventListener('focus', init_search);
							SimpleJekyllSearch({
								searchInput: search,
								resultsContainer: document.querySelector('#results-container'),
								json: '{{ "/search." | append: page.lang | append: ".json?v=" | append: site.github.build_revision | relative_url }}',
								searchResultTemplate: '<li><a href="{url}">{title}</a></li>'
							});
						}

						search.addEventListener('focus', init_search);
					</script>
				</div>
			</section>
			<nav class="docs">
				{% include docs_nav.html %}
			</nav>
		</aside>

    <main>
			{% include anchor_headings.html html=content anchorBody="#" %}
    </main>
  </body>
</html>
